• File: hub_wa0363_maintain.php
  • Full Path: C:/htdocs/reeft_gps_test/REEFTintegrationLog/saved/hub_wa0363_maintain.php
  • Date Modified: 04/30/2025 7:56 AM
  • File size: 86.18 KB
  • MIME-type: text/x-php
  • Charset: utf-8
<?php
//======================================================================================
//
// Function: Maintain  WATLP909
//
// Programmer: JKJ
// Date      : 2024-08-30
//
// Copyright Reeft A/S (c) - 2024
//======================================================================================

//======================================================================================
// Get input
//======================================================================================

	if (isset($_REQUEST["WRKGRP"])) {
		$WRKGRP = $_REQUEST["WRKGRP"];
	} else {
		$WRKGRP = '';
	}

	if (isset($_REQUEST["WCNT1"])) {
		$WCNT1 = $_REQUEST["WCNT1"];
	} else {
		$WCNT1 = '';
	}

	if (isset($_REQUEST["WCNT2"])) {
		$WCNT2 = $_REQUEST["WCNT2"];
	} else {
		$WCNT2 = '';
	}

	if (isset($_REQUEST["WCNT3"])) {
		$WCNT3 = $_REQUEST["WCNT3"];
	} else {
		$WCNT3 = '';
	}

	if (isset($_REQUEST["WRKNO"])) {
		$WRKNO = $_REQUEST["WRKNO"];
	} else {
		$WRKNO = '';
	}

//======================================================================================
// Make line uppercase
//======================================================================================


//======================================================================================
// General config
//======================================================================================
	include "config/config.php";

//======================================================================================
// Check if user is logged in?
//======================================================================================
	include "login_check.php";

//======================================================================================
// Get session variables
//======================================================================================

	include "include/getsession.php";


	// include "include/uuid_create.php";
	// include "include/generate_password_md5.php";

//======================================================================================
// Set language
//======================================================================================

	include "include/set_language.php";

//======================================================================================
// Set defaults
//======================================================================================

	// $pk_reference  = $_SESSION['session_dft_pk_reference'];
	// $referenceCode = $_SESSION['session_dft_referencecode'];
	// $referenceName = $_SESSION['session_dft_referencename'];

//======================================================================================
?>
<!DOCTYPE html>
<html lang="en">
<head>
	<title><?php echo $datahub_text0001 ?></title>

	<meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<meta name="description" content="REEFTvisual - Stoptime">
    <meta name="author" content="REEFT A/S">
    <link rel="icon" href="images/favicon/favicon.ico">

    <!-- Bootstrap / jQuery -->
    <link href="css/bootstrap4.3.1/css/bootstrap.custom.min.css" rel="stylesheet">
    <link href="css/bootstrap4.3.1/css/themes/bootstrap.custom.min.css" rel="stylesheet">

	<link href="css/bootstrap4.3.1/css/normalize.css" rel="stylesheet" type="text/css">

	<link href="css/sticky-footer.css" rel="stylesheet" type="text/css">

    <!-- Custom styles for this template -->
    <link href="css/custom.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">


	<script src="css/fontawesome6.5.1/js/all.min.js"></script>
	<script src="css/fontawesome6.5.1/js/sharp-light.min.js"></script>
	<script src="css/fontawesome6.5.1/js/sharp-regular.min.js"></script>
	<script src="css/fontawesome6.5.1/js/sharp-solid.min.js"></script>
	<script src="css/fontawesome6.5.1/js/sharp-thin.min.js"></script>
	

	<link href="css/bootstrap_animation/css/animate4/animate.css" rel="stylesheet" type="text/css">

	<!--<link href="javascript/chosen/chosen.css" rel="stylesheet" type="text/css">-->

	<link href="javascript/jquery-ui/jquery-ui.min.css" rel="stylesheet" type="text/css"/>

    <script src="javascript/jquery.js"></script>
    <script src="css/bootstrap4.3.1/js/popper.js"></script>
    <script src="css/bootstrap4.3.1/js/bootstrap.min.js"></script>

	<script src="javascript/jquery-ui/jquery-ui.min.js"></script>
    <script src="javascript/jquery.ui.touch-punch.min.js"></script>

	<link href="javascript/bgrins-spectrum/spectrum.css" rel="stylesheet" type="text/css">
	<script src="javascript/bgrins-spectrum/spectrum.js"></script>

	<script src="javascript/moment.min.js"></script>
	<script src="javascript/moment-with-locales.min.js"></script>
	<script src="javascript/moment-duration-format.min.js"></script>

	<script src="javascript/number_format/jquery.number.min.js"></script>

	<script src="javascript/jquery.scrollTo.min.js"></script>


	<!-- Data tables start -->
		<link href="javascript/datatables.3.12/datatables.min.css" rel="stylesheet">
		<script src="javascript/datatables.3.12/datatables.min.js"></script>
	<!-- Data tables end -->

	<script src="javascript/chosen/chosen.jquery.min.js" type="text/javascript"></script>

	<script src="javascript/viewer-master/dist/viewer.min.js"></script>
	<link  href="javascript/viewer-master/dist/viewer.min.css" rel="stylesheet">

	<script src="javascript/ajaxq/ajaxq.js"></script>

	<link id="scrollUpTheme" rel="stylesheet" href="javascript/scrollup-master/dist/css/themes/image.css">
	<script src="javascript/scrollup-master/dist/jquery.scrollUp.js"></script>
	<script src="javascript/shortcut.js"></script>

	<script src="javascript/_reeft_js/set_font_awesome_icon_type.js"></script>
	<script src="javascript/_reeft_js/date_convert.js"></script>
<style>


.btn-custom-wide {
	height:60px;
	width:210px;
}

.text-truncate-dt {
    max-width: 450px;
	white-space: nowrap;
    overflow: hidden;
	text-overflow: ellipsis;

}

.text-align-dt {
    text-align: center;
}

.modal-xxl {
    max-width: 80%;
}

.modal-xl {
    max-width: 50%;
}


.border-3 {
    border-width:3px !important;
}

td .hover-img {
  position:relative;
 }
td .hover-img span {
  position:absolute; left:-9999px; top:-9999px; z-index:9999;
 }
td:hover .hover-img span {
  top: 5px;
  left:0px;
 }

 .chosen-container-single {
    min-width: 100%;
}

</style>

<script language="JavaScript">

//=============================================================================
// Globals
//=============================================================================

    var thisCurrentRow;
	var thisGlobalRowData;
    var thisGlobalTableData;

	var GLOBAL_CONFIG_TYPE_BUTTON_TEXT_A = 'Text/Char';
	var GLOBAL_CONFIG_TYPE_BUTTON_TEXT_N = 'Number/Value';
	var GLOBAL_CONFIG_TYPE_BUTTON_TEXT_L = 'Date (ISO)';
	var GLOBAL_CONFIG_TYPE_BUTTON_TEXT_T = 'Time (ISO)';


	// Save field
	var save_WRKGRP = '';
	var save_WRKNO  = '';

	var global_debug = 'N';

	// Add allowed Y/N
	var GLOBAL_ADD_ALLOWED = 'N';

	// Show group buttons
	var GLOBAL_SHOW_GROUP_BUTTONS = 'N';
	var GLOBAL_SHOW_GROUP_BUTTONS = 'Y';

	// Delete allowed Y/N
	var GLOBAL_DELETE_ALLOWED = 'N';

	// sortMode
	var GLOBAL_SORTMODE = 'DESC';

	var jsonDataSave = {};

	var DFT_DATE_DISPLAY_FORMAT 	=  '<?php //echo $DFT_DATE_DISPLAY_FORMAT ?>';
	var DFT_LANGUAGE 				=  '<?php //echo $DFT_LANGUAGE ?>';

	var GLOBAL_TOTALPAGESSTOPVALUE	=  10;

	// Save field
	//var save_CFGNAM = '';


	$(function () {
	  $.scrollUp({
		scrollName: 'scrollUp', // Element ID
		//topDistance: '1800', // Distance from top before showing element (px)
		//topSpeed: 300, // Speed back to top (ms)
		scrollDistance: '300', // Distance from top before showing element (px)
		scrollSpeed: 300, // Speed back to top (ms)
		animation: 'fade', // Fade, slide, none
		animationInSpeed: 200, // Animation in speed (ms)
		animationOutSpeed: 200, // Animation out speed (ms)
		scrollText: false, //'Scroll to top', // Text for element
		activeOverlay: false, // Set CSS color to display scrollUp STATUSe point, e.g '#00FFFF'
	  });
	});

//=============================================================================
// Get data
//=============================================================================
function getData( inputGetData )
{

	// Reset, show all
	if ( inputGetData == '*RESET' ) {
		inputGetData = '';

		//Clear search
		thisGlobalTableData.search( '' );

	}

	//Only initialize datatables once, else just draw it
	if ( $.fn.dataTable.isDataTable( '#REEFTvisual_data' ) ) {
		thisGlobalTableData.draw(); // fire in the hole
	}
	else {
		setDataTables();
	}

}

//=============================================================================
// Set datatables
//=============================================================================
function setDataTables()
{

	// Delete allowed?
	if ( GLOBAL_DELETE_ALLOWED == 'Y' ) {
		var show_the_delete_button = true;
	} else {
		var show_the_delete_button = false;
	}

	// Get the current date line
	// input_WRKGRP 			= $('#input-WRKGRP').val();
	// input_WRKNO 			= $('#input-WRKNO').val();
	// input_rpyCallWebService = 'Y';
	// input_rpyCallWebService = 'N';

    new $('#REEFTvisual_data').DataTable({
		"ajax": {
			"url": 'hub_wa0363_maintain_get.php',
			"type": "POST",
			"data": function (parmData) {

				// Add custom parameters to the ajax call
				input_WRKGRP 	= $('#input-WRKGRP').val();
				input_WRKNO 	= $('#input-WRKNO').val();
				input_WCNT1 	= $('#input-WCNT1').val();
				input_WCNT2 	= $('#input-WCNT2').val();
				input_WCNT3 	= $('#input-WCNT3').val();

				// Call webservice
				input_rpyCallWebService = $('#input-CALL_WEBSERVICE').val();

				// Extra params
				parmData.WRKGRP	 = input_WRKGRP;
				parmData.WCNT1	 = input_WCNT1;
				parmData.WCNT2	 = input_WCNT2;
				parmData.WCNT3	 = input_WCNT3;
				parmData.WRKNO	 = input_WRKNO;
				parmData.rpyCallWebService = input_rpyCallWebService;


			},
			dataSrc: function (jsonData) {  //return data

				var rpyCMPNO					= jsonData.header.rpyCMPNO;
				var rpyCMPNO_Name				= jsonData.header.rpyCMPNO_Name;
				var rpyFile_name				= jsonData.header.rpyFile_name
				var rpyFile_description			= jsonData.header.rpyFile_description
				var rpyTableRecordsFound		= jsonData.header.rpyTableRecordsFound

				var returnCode 					= jsonData.header.returnCode;
				var returnMsg 					= jsonData.header.returnMsg;
				var entries_found 				= jsonData.header.entries_found;
				var response_sec 				= jsonData.header.response_sec;
				var response_sec_local			= jsonData.header.response_sec_local;
				var response_sec_webservice		= jsonData.header.response_sec_webservice;

				if ( parseFloat(response_sec_webservice) == 0 ) {
					response_sec_webservice = '<b>Not called...</b>';
				}

				// Show load time
				$('#text-total-records-found').html( rpyTableRecordsFound );
				$('#load-time-from-database').html('entries found: ' + entries_found + ' (Total: ' + response_sec + ' DATAHUB: ' + response_sec_local + ' /  JDE: ' + response_sec_webservice + ')');

				// Set Company and file information
				if ( rpyFile_name != '' ) {
					$('#data-hub-company-information').html( '<span title="' + rpyFile_name + ' - ' + rpyFile_description + '">' + rpyCMPNO_Name + ' (' + rpyCMPNO + ')' + '</span>' ).css('font-size','1.3em');
				}

				// Init button line fields
				var HTMLlineButtons 		= '';
				var HTMLlineButtonsModal 	= '';
				var selectedButtonClass 	= 'btn-dark';

				// Get name of search item
				input_WRKGRP  = $('#input-WRKGRP').val();
				input_WRKNO   = $('#input-WRKNO').val();

				// // Just in case
				// if (input_WRKGRP == '' ) {
					// input_WRKGRP = '<?php echo $WRKNO ?>';
				// }

				//=====================================================================================
				// Create group buttons, only if wanted
				//=====================================================================================
				if ( GLOBAL_SHOW_GROUP_BUTTONS == 'Y' ) {

					$.each( jsonData.header_buttons, function( index, object ){
						var buttonLine   = object.buttonLine;
						var buttonCount	 = object.buttonCount;

						if ( input_WRKGRP == buttonLine ) {
							selectedButtonClass = 'btn-success';
						} else {
							selectedButtonClass = 'btn-dark';
						}


						// if ( $('#input-WRKGRP').val() == '' ) {
							// $('#input-WRKGRP').val( buttonLine );
							// getData();
						// }

						var selectButtonLineID 		= 'select-button-line-id-' + buttonLine;
						var selectButtonLineIDmodal = 'select-button-line-id-modal-' + buttonLine + '_' + buttonCount;

						HTMLlineButtons 		+=	'<button type="button" onclick="setWebserviceSearch(\'' + buttonLine + '\')" style="cursor:default" id="' + selectButtonLineID + '" class="btn ' + selectedButtonClass + ' select-button-line btn-sm mr-1 mb-1">'
												+ 	buttonLine + ' (<b>' + buttonCount + '</b>)'
												+	'</button>'

						HTMLlineButtonsModal 	+=	'<button type="button" onclick="selectGroupValueModal(\'' + buttonLine + '\')" style="width:100px" id="' + selectButtonLineIDmodal + '" class="select-button-line-modal btn btn-primary btn-sm mr-1 mb-1">'
												+ 	buttonLine
												+	'</button>'

					});

					// Reset
					// HTMLlineButtons 		+=	'<button type="button" onclick="setWebserviceSearch(\'' + '' + '\')" style="cursor:default" id="' + 'RESET' + '" class="btn ' + 'btn-warning' + ' select-button-line btn-sm mr-1 mb-1">'
											// + 	'<b>' + 'RESET' + '</b>'
											// +	'</button>'


					$('#data-result-button-group').html(HTMLlineButtons);
					//$('#data-result-button-group-modal').html(HTMLlineButtonsModal);

				}
				//=====================================================================================


				return jsonData.data;
			}
		},
		processing: true,
		serverSide: true,
        responsive: true,
		fixedHeader: true,
        order: [[ 0, "asc" ]],
		columns:
				[
                    { data: "WRKGRP" }, // 0
                    { data: "WRKNO" }, 	// 1
					{ data: "PLDDT" }, 	// 2
					{ data: "PRDNO" }, 	// 3
					{ data: "DESCP" }, 	// 4
					{ data: "ORDQTY" }, // 5
					{ data: "WOSEQ" }, 	// 6
					{ data: "EXDDT" },  // 7
					{
						// 8
						// Since we are combining multiple data fields, use null as the data source
			            data: null,
			            //data: "STATUS",
						render: function (data, type, row, meta)
						{

							STATUS = $('#modal-input-STATUS').val()
							if ( STATUS != '' ) {
								row.STATUS = STATUS;
							} else {
								STATUS = row.STATUS;

							}

							if ( STATUS == '00') {
								var STATUS_text = '<div class="text-left" title="Status: ' + STATUS + '"><?php echo $datahub_workorder_status_00 ?></div>';
							}
							else if ( STATUS == '03') {
								var STATUS_text = '<div class="text-left" title="Status: ' + STATUS + '"><?php echo $datahub_workorder_status_03 ?></div>';
							}
							else if ( STATUS == '04') {
								var STATUS_text = '<div class="text-left" title="Status: ' + STATUS + '"><?php echo $datahub_workorder_status_04 ?></div>';
							}
							else if ( STATUS == '05') {
								var STATUS_text = '<div class="text-left" title="Status: ' + STATUS + '"><?php echo $datahub_workorder_status_05 ?></div>';
							}
							else if ( STATUS == '10') {
								var STATUS_text = '<div class="text-left" title="Status: ' + STATUS + '"><?php echo $datahub_workorder_status_10 ?></div>';
							}
							else {
								var STATUS_text = '<div class="text-left" title="Status: ' + STATUS + '"><?php echo $datahub_workorder_status_99 ?></div>';
							}

							// if ( row.STATUS == '1') {
								// var STATUStext = '<div class="text-center text-success"><?php echo $datahub_YES ?></div>';
							// } else {
								// var STATUStext = '<div class="text-center text-danger font-weight-bold"><?php echo $datahub_NO ?></div>';
							// }

							return STATUS_text;
						}
					},
					{
						// 10
						// Since we are combining multiple data fields, use null as the data source
						data: null,
						render: function (data, type, row, meta)
						{
							// Create report button
							var STATUS = row.STATUS;

							if ( STATUS < '10' ) {
								var myButton = '<button id="report-' + row.WRKGRP + '-' + row.WRKNO + '" class="report-btn btn btn-primary	btn-block mr-1"><?php echo $datahub_button_report ?></button>';
							} else {
								var myButton = '';
							}

							return myButton;
						}
					},
					{
						// 9
						// Since we are combining multiple data fields, use null as the data source
						data: null,
						render: function (data, type, row, meta)
						{

							// Create edit button
							var myButton = '<button id="edt-' + row.WRKGRP + '-' + row.WRKNO + '" class="edit-btn btn btn-primary btn-block mr-1"><?php echo $datahub_button_show_details ?></button>';
							return myButton;
						}
					},
					{
						// 11
						// Since we are combining multiple data fields, use null as the data source
						data: null,
						render: function (data, type, row, meta)
						{
							// Create delete button
							var myButton = '<button id="dlt-' + row.WRKGRP + '-' + row.WRKNO + '" class="delete-btn btn btn-danger xbtn-block mr-1"><?php echo $datahub_button_delete ?></button>';

							return myButton;
						}
					},
                    { data: "STATUS" } // 12
                ],
		columnDefs: [

				// Make sure that buttons are not "hided" when responsive kicks in
				{ responsivePriority: 1, targets: 9 },
				{ responsivePriority: 2, targets: 10 },

				{
				"targets": [ 9,10 ],
				"visible": true,
				"max-width": '130px',
				"searchable": false,
				 "orderable": false
				},
				{
				"targets": [ 11 ],
				"visible": show_the_delete_button,
				"searchable": false,
				 "orderable": false
				},
				{
				"targets": [ 4 ],
				"className": "text-truncate-dt"  //class to mimic text-truncate in dt
				},
				{
				"targets": [ 12 ],
				"visible": false,
				"searchable": false,
				"orderable": false
				},
				{
				"targets": [ 2,5,6,7 ],
				"width": '60px',
				"className": "text-align-dt"
				},

		],
		pageLength: 10,
		layout: {
			top1Start: [{
				pageLength: {
						menu: [10, 25, 50, 100, 250]
					}

			}],
			top1End: [{
				search: {
					placeholder: '<?php echo $datahub_datatable_Search_text ?>',
					processing: true
				}

			}],
			topStart: {
				info:{
					 }
			},
			topEnd: {
				paging: {
					buttons: 7,
					firstLast: true,
					boundaryNumbers: true,
				}
			},
			bottomStart: {
				buttons: [
					{
						extend: 'copyHtml5',
						text: '<img src="images/copy.png" height="25"> Copy to Clipboard',
						titleAttr: 'Copy',
						title: 'DATAHUB - Config Data Export - Copy to clipboard',
						exportOptions: {
							// Fields to export (https://datatables.net/reference/button/csv#Examples)
							columns: [0,1,2,3,4,5,6,7]
						}

					},
					{
						extend: 'excelHtml5',
						text: '<img src="images/microsoft_excel_logo.png" height="25"> Excel',
						titleAttr: 'Excel',
							title: function(){
								return 'DATAHUB transactions file export';
							},
							filename: function(){
								//var p_id = $('#input-WRKGRP').val();
								var p_id = moment().format('YYYY-MM-DD HH.mm.ss');
								return 'DATAHUB - Config Data Export - Excel - ' + p_id;
							},
							exportOptions: {
								// Fields to export (https://datatables.net/reference/button/csv#Examples)
								columns: [0,1,2,3,4,5,6,7]
							}
					},
					{
						extend: 'pdfHtml5',
						text: '<img src="images/pdf_logo.png" height="25"> PDF',
						titleAttr: 'PDF',
						orientation: 'landscape',
						title: 'DATAHUB - Config Data Export - PDF',
						filename: function(){
								//var p_id = $('#input-WRKGRP').val();
								var p_id = moment().format('YYYY-MM-DD HH.mm.ss');
								return 'DATAHUB - Config Data Export - Excel - ' + p_id;
						},
						exportOptions: {
							// Fields to export (https://datatables.net/reference/button/csv#Examples)
						columns: [0,1,2,3,4,5,6,7],
						modifier: {
							page: 'all'
							}
						}
					}
				]
			},
			bottomEnd: {
				paging: {
					buttons: 7,
					firstLast: true,
					boundaryNumbers: true
				}
			}
		},
		language:
		{
					"decimal":        ",",
					"thousands":      ".",
					"emptyTable":     "<?php echo $datahub_datatable_emptyTable ?>",
					"info":           "<?php echo $datahub_datatable_Info ?>",
					"infoEmpty":      "<?php echo $datahub_datatable_InfoEmpty ?>",
					"InfoFiltered":   "<?php echo $datahub_datatable_InfoFiltered ?>",
					"infoPostFix":    "",
					"lengthMenu":     "<?php echo $datahub_datatable_LengthMenu ?>",
					"loadingRecords": "",
					"processing":     "<?php echo $datahub_datatable_Processing ?>",
					"search":         "<?php echo $datahub_datatable_Search ?>",
					"zeroRecords":    "<?php echo $datahub_datatable_ZeroRecords ?>",
					"paginate":
						{
							"first":    "<?php echo $datahub_datatable_First ?>",
							"last":     "<?php echo $datahub_datatable_Last ?>",
							"next":     "<?php echo $datahub_datatable_Next ?>",
							"previous": "<?php echo $datahub_datatable_Previous ?>"
						},
					"aria": {
						"orderable":  "Order by this column",
						"orderableReverse": "Reverse order this column"
					}

		},
        "rowCallback": function(row, data, index)
		{



		},
        "preDrawCallback": function(settings)
		{
		},
		"initComplete": function ()
		{


		}

    });


	//=============================================================================
	// Setup the data to be able to update the table without reloading from the server
	//=============================================================================

		// Save the table in a global variable
		thisGlobalTableData = $('#REEFTvisual_data').DataTable();

		// Handle click on "Edit" button
		$('#REEFTvisual_data tbody').on('click', '.edit-btn', function() {
			thisCurrentRow 	= $(this).closest('tr');
			thisGlobalRowData = thisGlobalTableData.row(thisCurrentRow).data();

			// Debug
			// console.log("edit");
			// console.log(thisGlobalRowData);
			//console.log(thisCurrentRow);

			 dataChange();

		});

		// Handle click on "Delete" button
		$('#REEFTvisual_data tbody').on('click', '.delete-btn', function() {
			thisCurrentRow 	= $(this).closest('tr');
			thisGlobalRowData = thisGlobalTableData.row(thisCurrentRow).data();

			// Debug
			// console.log(thisGlobalRowData);
			// console.log(thisCurrentRow);

			dataDeleteConfirm();

		});

		// Handle click on "Report" button
		$('#REEFTvisual_data tbody').on('click', '.report-btn', function() {
			thisCurrentRow 	= $(this).closest('tr');
			thisGlobalRowData = thisGlobalTableData.row(thisCurrentRow).data();

			// Debug
			// console.log(thisGlobalRowData);
			// console.log(thisCurrentRow);

			dataReportConfirm();

		});

	//=============================================================================

	//=============================================================================
	// Place curor in search field - the wrapper id is provided by datatables - debug it!
	//=============================================================================
	$('#REEFTvisual_data_wrapper div.dt-search .dt-input').focus();
	//=============================================================================

}

//=============================================================================
// Reason addd  -- not used
//=============================================================================
function dataAdd ( input_pk_type )
{

			var myWRKGRP = $('#input-WRKGRP').val();


			resetModalInputFields();
			setModalInputDefaultFields();

			$('#input-mode').val('*add');


			// Reset save field
			save_WRKGRP = '';
			save_WRKNO = '';

			// Create config type buttons
			createConfigTypeButtons();

			// Click default
			selectConfigType('A');

			// Set STATUSe - default YES
			$('#button-deleted-yes').removeClass('btn-primary').addClass('btn-success');
			$('#button-deleted-no').removeClass('btn-success').addClass('btn-primary');

			// Reset modal message
			resetModalMessage();

			// Remove key fields readonly
			$('#modal-input-WRKGRP').removeAttr('readonly','readonly');
			$('#data-result-button-group-modal').removeClass('d-none');

			// Show modal
			$('#wa0363_MaintainModal').modal('show');

			$('#wa0363_MaintainModal').on('shown.bs.modal', function () {
				$('#modal-input-WRKGRP').trigger('focus');
			})

}

//=============================================================================
// Show details
//=============================================================================
function dataChange( )
{

	var row = thisGlobalRowData;

	//console.table(row);

	// Save in fields
	var counter     = row["counter"];

	var WRKGRP	    = row["WRKGRP"];
	var WRKNO	    = row["WRKNO"];

	var W2LIN		= row["W2LIN"];
	var PLDDT	    = row["PLDDT"];
	var PRDNO	    = row["PRDNO"];
	var DESCP	    = row["DESCP"];
	var CMPFL	    = row["CMPFL"];
	var POPFG	    = row["POPFG"];
	var W2PPF	    = row["W2PPF"];
	var OPCMP	    = row["OPCMP"];
	var WCNT1	    = row["WCNT1"];
	var WCNT2	    = row["WCNT2"];
	var WCNT3	    = row["WCNT3"];
	var PLN		    = row["PLN"];
	var ORDQTY	    = row["ORDQTY"];
	var RECQY	    = row["RECQY"];
	var SCRQY	    = row["SCRQY"];
	var RWKQY	    = row["RWKQY"];
	var SUSQY	    = row["SUSQY"];
	var AVLQY	    = row["AVLQY"];
	var QUEQY	    = row["QUEQY"];
	var WOCOM	    = row["WOCOM"];
	var LEFTQTY     = row["LEFTQTY"];
	var EXDDT	    = row["EXDDT"];
	var WOSEQ	    = row["WOSEQ"];
	var OPSDS	    = row["OPSDS"];
	var COMMT	    = row["COMMT"];
	var REVNR	    = row["REVNR"];
	var EXRUN	    = row["EXRUN"];
	var BSSTM	    = row["BSSTM"];
	var BSLHR	    = row["BSLHR"];
	var TIME_STD	= row["TIME_STD"];
	var TIME_ACT	= row["TIME_ACT"];
	var STATUS	    = row["STATUS"];
	var DOCTYP	    = row["DOCTYP"];

	$('#input-mode').val('*update');

	save_WRKGRP = WRKGRP;
	save_WRKNO  = WRKNO;


	// Move to input fields
	$('#modal-input-counter').val(counter);

	$('#modal-input-WRKGRP').val(WRKGRP);
	$('#modal-input-WRKNO').val(WRKNO);

	$('#modal-input-W2LIN').val(W2LIN);
	$('#modal-input-PLDDT').val(PLDDT);
	$('#modal-input-PRDNO').val(PRDNO);
	$('#modal-input-DESCP').val(DESCP);
	$('#modal-input-CMPFL').val(CMPFL);
	$('#modal-input-POPFG').val(POPFG);
	$('#modal-input-W2PPF').val(W2PPF);
	$('#modal-input-OPCMP').val(OPCMP);
	$('#modal-input-WCNT1').val(WCNT1);
	$('#modal-input-WCNT2').val(WCNT2);
	$('#modal-input-WCNT3').val(WCNT3);
	$('#modal-input-PLN').val(PLN);
	$('#modal-input-ORDQTY').val(ORDQTY);
	$('#modal-input-RECQY').val(RECQY);
	$('#modal-input-SCRQY').val(SCRQY);
	$('#modal-input-RWKQY').val(RWKQY);
	$('#modal-input-SUSQY').val(SUSQY);
	$('#modal-input-AVLQY').val(AVLQY);
	$('#modal-input-QUEQY').val(QUEQY);
	$('#modal-input-WOCOM').val(WOCOM);
	$('#modal-input-LEFTQTY').val(LEFTQTY);
	$('#modal-input-EXDDT').val(EXDDT);
	$('#modal-input-WOSEQ').val(WOSEQ);
	$('#modal-input-OPSDS').val(OPSDS);
	$('#modal-input-COMMT').val(COMMT);
	$('#modal-input-REVNR').val(REVNR);
	$('#modal-input-EXRUN').val(EXRUN);
	$('#modal-input-BSSTM').val(BSSTM);
	$('#modal-input-BSLHR').val(BSLHR);
	$('#modal-input-TIME_STD').val(TIME_STD);
	$('#modal-input-TIME_ACT').val(TIME_ACT);
	$('#modal-input-STATUS').val(STATUS);
	$('#modal-input-DOCTYP').val(DOCTYP);


	$('#modal-input-STATUS').val( STATUS );

	// Set STATUSe - default YES
	if ( STATUS == '1' ) {
		$('#button-deleted-yes').removeClass('btn-primary').addClass('btn-success');
		$('#button-deleted-no').removeClass('btn-success').addClass('btn-primary');
	} else {
		$('#button-deleted-no').removeClass('btn-primary').addClass('btn-success');
		$('#button-deleted-yes').removeClass('btn-success').addClass('btn-primary');

	}

	// Make key fields readonly
	$('#modal-input-WRKGRP').attr('readonly','readonly');
	$('#data-result-button-group-modal').removeClass('d-none');

	$('.read-only-class').attr('readonly','readonly');

	// Reset modal message
	resetModalMessage();

	// Show modal
	$('#wa0363_MaintainModal').modal('show');

	$('#wa0363_MaintainModal').on('shown.bs.modal', function () {
		$('#modal-input-WRKNO').trigger('focus');
	})

}


//=============================================================================
// Save
//=============================================================================
function dataSave()
{
	// Reset modal message
	resetModalMessage();


	// Check content of fields
	if ( $('#modal-input-WRKGRP').val() == '' ) {
		$('#modal-message').addClass('border-bottom').html( '<?php echo $datahub_error0082 ?>' );
		$('#modal-save-button').addClass('disabled').prop("disabled", true);
		$('#modal-input-WRKGRP').trigger('focus');
		return false;
	}

	if ( $('#modal-input-PRDNO').val() == '' ) {
		$('#modal-message').addClass('border-bottom').html( '<?php echo $datahub_error0085 ?>' );
		$('#modal-save-button').addClass('disabled').prop("disabled", true);
		$('#modal-input-PRDNO').trigger('focus');
		return false;
	}

	if ( $('#modal-input-PLDDT').val() == '' ) {
		$('#modal-message').addClass('border-bottom').html( '<?php echo $datahub_error0084 ?>' );
		$('#modal-save-button').addClass('disabled').prop("disabled", true);
		$('#modal-input-PLDDT').trigger('focus');
		return false;
	}

	if ( $('#modal-input-WRKNO').val() == '' ) {
		$('#modal-message').addClass('border-bottom').html( '<?php echo $datahub_error0086 ?>' );
		$('#modal-save-button').addClass('disabled').prop("disabled", true);
		$('#modal-input-WRKNO').trigger('focus');
		return false;
	}

	if ( $('#modal-input-M1UPP').val() == '' ) {
		$('#modal-message').addClass('border-bottom').html( '<?php echo $datahub_error0083 ?>' );
		$('#modal-save-button').addClass('disabled').prop("disabled", true);
		$('#modal-input-M1UPP').trigger('focus');
		return false;
	}


	var mode = $('#input-mode').val();

	//===============================================================================
	// Remove # if any
	//===============================================================================

		// Setup remove string
		let mySaveString;

		var myWorkField = $('#modal-input-PLDDT').val();
		myWorkField = myWorkField.replace("#", "");
		$('#modal-input-PLDDT').val( myWorkField );

		var myWorkField = $('#modal-input-PRDNO').val();
		myWorkField = myWorkField.replace("#", "");
		$('#modal-input-PRDNO').val( myWorkField );


	//===============================================================================

	// Make sure key does not have space and are in uppercase
	// var myWorkField = $('#modal-input-WRKGRP').val();
	// myWorkField = myWorkField.replace(" ", "_");
	// myWorkField = myWorkField.toUpperCase();
	// $('#modal-input-WRKGRP').val( myWorkField );

	// Make array and json
	var myData = $('#dataForm').find('input, select, textarea').serializeArray();

	var result = JSON.stringify(myData);

	var result = encodeURIComponent( result );
	// console.log(result);
	// console.log(myData);
	// return;

	var parmData = 'data=' + result
				 + '&mode=' + mode
				 ;

	$.ajax({
		url: "wa0363_maintain_save.php",
		type: "POST",
		data: parmData,
		dataType: "json",
		cache: false,
	})
	.done(function( jsonData ) {


		//=================================================================
		// START - Update the table without doing a server reload
		// Only update
		//=================================================================
		if ( mode == '*update' ) {

			event.preventDefault();

//			var mySTATUS = $('#modal-input-STATUS').val();

			// console.log('mySTATUS 1: ' + mySTATUS)

			// if ( mySTATUS == '1') {
				// mySTATUStext = '<div class="text-center">Yes</div>';
				// mySTATUStext = 'YES';
			// } else {
				// mySTATUStext = '<div class="text-center">No</div>';
				// mySTATUStext = 'NO';
			// }

			// Debug
			// console.log(myGlobalRowData[0]);
			// console.log(myGlobalRowData[1]);
			// console.log(myGlobalRowData[2]);
			// console.log(myCurrentRow);
			// console.table(myGlobalTableData);

			// Get the data for the "Change/Delete button", so we do not need to create it again
			// myChangeButtonData = myGlobalRowData[6];
			// myDeleteButtonData = myGlobalRowData[7];

			//==============================================
			// Use this if you want to update the whole row
			//==============================================
			// myGlobalTableData.row(myCurrentRow).data([
														// modal_input_WRKGRP,
														// modal_input_LSTCAL,
														// modal_input_PLDDT1,
														// modal_input_PLDDT2,
														// modal_input_COUNT,
														// modal_input_SERTYP,
														// myChangeButtonData,
														// myDeleteButtonData,
														// modal_input_PLDDT1,
														// modal_input_PLDDT2
													// ])
													// .draw(false)
													// ;

			//=======================================================
			// Use this if you want to update one or more table cells
			//=======================================================
			// thisGlobalTableData.cell(thisCurrentRow,  0  ).data($('#modal-input-WRKGRP').val() );
			// thisGlobalTableData.cell(thisCurrentRow,  1  ).data($('#modal-input-WRKNO').val() );
			// thisGlobalTableData.cell(thisCurrentRow,  2  ).data($('#modal-input-PLDDT').val() );
			// thisGlobalTableData.cell(thisCurrentRow,  3  ).data($('#modal-input-PRDNO').val() );
			// thisGlobalTableData.cell(thisCurrentRow,  4  ).data($('#modal-input-M1UPP').val() );
			// thisGlobalTableData.cell(thisCurrentRow,  5  ).data($('#modal-input-STATUS').val() );
			// // 6 = Edit button
			// // 7 = Delete button
			// thisGlobalTableData.cell(thisCurrentRow,  8  ).data($('#modal-input-ORDQTY').val() );
			// thisGlobalTableData.cell(thisCurrentRow,  9  ).data($('#modal-input-WOSEQ').val() );
			// thisGlobalTableData.cell(thisCurrentRow,  10 ).data($('#modal-input-STATUS').val() );
			//.draw(false);

		}
		//=================================================================
		// END - Update the table without doing a server reload
		//=================================================================

		//=================================================================
		// Close the modal
		//=================================================================
		$('#wa0363_MaintainModal').modal('hide');

		//=================================================================
		// Only when add
		//=================================================================
		if ( mode == '*add' ) {
			var myButtonID = 'select-button-line-id-' + $('#input-WRKNO').val();
			$('#' + myButtonID).click();
			getData('');
		}


	})
	.always(function( jsonData ) {


		// Reset mode
		$('#input-mode').val('');

		// Reset input fields
		resetModalInputFields();


	})
	.fail(function( xhr, ajaxOptions, thrownError ) {
		console.log('I am failed..');
		console.log( thrownError );
		console.log( xhr );

	});

}

//=============================================================================
// Delete confirm
	//=============================================================================
function dataDeleteConfirm( )
{

	$('#input-mode').val('*delete');

	var row = thisGlobalRowData;

	var input_WRKGRP = row["WRKGRP"];

	$('#confirm-delete-WRKGRP').val(input_WRKGRP);

	// Create confirm text
	$('#confirm-delete-text-WRKGRP').html(input_WRKGRP);

	$('#wa0363_confirmDeleteModal').modal('show');

}

//=============================================================================
// Delete
//=============================================================================
function dataDeleteExec()
{
	// Reset modal message
	resetModalMessage();

	var mode = $('#input-mode').val();

	// Make array and json
	var myData = $('#dataForm-delete').find('input, select').serializeArray();
	var result = JSON.stringify(myData);

	// console.log(result);
	// console.log(myData);
	//return;

	var parmData = 'data=' + result
				 + '&mode=' + mode
				 ;

	$.ajax({
		url: "wa0363_maintain_save.php",
		type: "POST",
		data: parmData,
		dataType: "json",
		cache: false,
	})
	.done(function( jsonData ) {


	$('#wa0363_confirmDeleteModal').modal('hide');

	//=================================================================
	// Only when add
	//=================================================================
	if ( mode == '*delete' ) {
		var myButtonID = 'select-button-line-id-' + $('#input-WRKNO').val();
		$('#' + myButtonID).click();

		resetModalInputFields();

		getData('');
	}


	})
	.always(function( jsonData ) {

	})
	.fail(function( xhr, ajaxOptions, thrownError ) {
		console.log('I am failed..');
		console.log( xhr );

	});

}


//=============================================================================
// Report confirm
//=============================================================================
function dataReportConfirm()
{

	resetModalReportMessage();

	$('#input-mode').val('*report');

	// Show buttons
	$('#button-report-wrapper').removeClass('d-none');

	var row = thisGlobalRowData;

	//console.table(row)

	var input_WRKGRP = row["WRKGRP"];
	var input_WRKNO	 = row["WRKNO"];
	var input_WOSEQ  = row["WOSEQ"];

	$('#confirm-report-WRKGRP').val(input_WRKGRP);
	$('#confirm-report-WRKNO').val(input_WRKNO);
	$('#confirm-report-WOSEQ').val(input_WOSEQ);

	$('#confirm-report-RECQY').val('0').select();
	$('#confirm-report-SCRQY').val('0');

	$('#confirm-report-OPERATORNUMBER').val('');
	$('#confirm-report-SCRAPSREASONCODE').val('');
	$('#confirm-report-FREENOTES').val('');

	setWorkOrderStatus( '00' );


	$('.read-only-class').attr('readonly','readonly');

	// Create confirm text
	$('#confirm-report-text-WRKGRP').html(input_WRKGRP + ' / ' + input_WRKNO + ' / ' + input_WOSEQ);

	$('#wa0363_ERPreportModal').modal('show');


	$('#wa0363_ERPreportModal').on('shown.bs.modal', function () {
		$('#confirm-report-RECQY').trigger('focus');
	})

}


//=============================================================================
// Report execute
//=============================================================================
function dataReportExec()
{
	// Reset modal message
	resetModalMessage();


	var mode = $('#input-mode').val();

	var WRKGRP = $('#confirm-report-WRKGRP').val();
	var WRKNO  = $('#confirm-report-WRKNO').val();
	var WOSEQ  = $('#confirm-report-WOSEQ').val();

	var RECQY  = $('#confirm-report-RECQY').val();
	var SCRQY  = $('#confirm-report-SCRQY').val();
	var STATUS = $('#confirm-report-STATUS').val();
	var STATUS = $('#confirm-report-STATUS').val();

	var OPERATORNUMBER 	 = $('#confirm-report-OPERATORNUMBER').val();
	var SCRAPSREASONCODE = $('#confirm-report-SCRAPSREASONCODE').val();
	var FREENOTES 		 = $('#confirm-report-FREENOTES').val();

	//alert(OPERATORNUMBER)

	// Check content of fields
	if ( parseInt(RECQY) == 0 || RECQY == '' ) {
		$('#modal-report-message').addClass('border-bottom').html( '<?php echo $datahub_error0035 ?>' );
		$('#confirm-report-RECQY').trigger('focus');
		return false;
	}

	if ( parseInt(SCRQY) > 0 && OPERATORNUMBER == '' ) {
		$('#modal-report-message').addClass('border-bottom').html( '<?php echo $datahub_error0093 ?>' );
		$('#confirm-report-OPERATORNUMBER').trigger('focus');
		return false;
	}

	if ( parseInt(SCRQY) > 0 && SCRAPSREASONCODE == '' ) {
		$('#modal-report-message').addClass('border-bottom').html( '<?php echo $datahub_error0094 ?>' );
		$('#confirm-report-SCRAPSREASONCODE').trigger('focus');
		return false;
	}

	// Show message and hide buttons
	$('#modal-progress-message').html('<?php echo $datahub_text0002 ?>' + ' ' + '<i class="fa-thin fa-person-praying"></i>');

	$('#button-report-wrapper').addClass('d-none');

	var parmData = 'WRKGRP='  + WRKGRP
				 + '&WRKNO='  + WRKNO
				 + '&WOSEQ='  + WOSEQ
				 + '&RECQY='  + RECQY
				 + '&SCRQY='  + SCRQY
				 + '&STATUS=' + STATUS
				 + '&OPERATORNUMBER=' + OPERATORNUMBER
				 + '&SCRAPSREASONCODE=' + SCRAPSREASONCODE
				 + '&FREENOTES=' + FREENOTES
				 + '&mode='   + mode
				 ;

	// alert(parmData);
	// return;

	$.ajax({
		url: "hub_stprpt.php",
		type: "GET",
		data: parmData,
		dataType: "json",
		cache: false,
	})
	.done(function( jsonData ) {

		// Remove message
		$('#modal-progress-message').val('');

		// Hide modal
		$('#wa0363_ERPreportModal').modal('hide');

	})
	.always(function( jsonData ) {

	})
	.fail(function( xhr, ajaxOptions, thrownError ) {
		console.log('I am failed..');
		console.log( xhr );

	});

}

//=============================================================================
// Print work order
//=============================================================================
function printWorkOrderExec()
{
	// Reset modal message
	resetModalMessage();

	var mode = $('#input-mode').val();

	var WRKGRP = $('#confirm-report-WRKGRP').val();
	var WRKNO  = $('#confirm-report-WRKNO').val();

	// Show message
	$('#modal-progress-message').html('<?php echo $datahub_text0002a ?>' + ' ' + '<i class="fa-thin fa-person-running"></i>').removeClass('text-danger');

	var parmData = 'WRKGRP='  + WRKGRP
				 + '&WRKNO='  + WRKNO
				 + '&mode='   + mode
				 ;

	$.ajax({
		url: "hub_prtwrk.php",
		type: "GET",
		data: parmData,
		dataType: "json",
		cache: false,
	})
	.done(function( jsonData ) {
		
		var p1ReturnCode			= jsonData.header.p1ReturnCode;
		var p1ReturnMsg 			= jsonData.header.p1ReturnMsg;
		var entries_found 			= jsonData.header.entries_found;

		// Remove message
		$('#modal-progress-message').val('');

		if ( p1ReturnCode == '00' ) {
			$('#modal-progress-message').html('Order printed...').removeClass('text-danger');
		} else {
			$('#modal-progress-message').html( p1ReturnMsg ).addClass('text-danger');
		}

	})
	.always(function( jsonData ) {

	})
	.fail(function( xhr, ajaxOptions, thrownError ) {
		console.log('I am failed..');
		console.log( xhr );

	});

}

//=============================================================================
// Check if userid exists
//=============================================================================
function checkDataExists()
{

	var WRKGRP = $('#modal-input-WRKGRP').val();

	// If update, then the "orginal" code is ok
	if ( $('#input-mode').val() == '*update' ) {
		if ( WRKGRP == save_WRKGRP ) {
	//		return;
		}
	}

	var parmData = 'hub_cfgnam=' + WRKGRP
				 ;

	$.ajax({
		url: "hub_conchk_get.php",
		type: "GET",
		data: parmData,
		dataType: "json",
		cache: false,
	})
	.done(function( jsonData ) {

		var returnCode 				= jsonData.header.returnCode;
		var returnMsg 				= jsonData.header.returnMsg;
		var entries_found 			= jsonData.header.entries_found;

		var returnConfigValue 		= jsonData.header.returnConfigValue;
		var returnConfigValueText	= jsonData.header.returnConfigValueText;


		if ( returnConfigValue	== '50') {
			$('#modal-message').addClass(' border-bottom').html( '<?php echo $datahub_error0087 ?>' );
			$('#modal-save-button').addClass('disabled').prop("disabled", true);
			$('#modal-input-WRKGRP').trigger('focus');
			return false;
		} else {
			// PLDDT = jsonData.detail[0].PLDDT
			// $('#modal-input-M1UPP').val( PLDDT );
		}

		// Reset modal message
		resetModalMessage();

	})
	.always(function( jsonData ) {

	})
	.fail(function( xhr, ajaxOptions, thrownError ) {
		console.log('I am failed..');
		console.log( xhr );

	});

}

//=============================================================================
// Show deleted
//=============================================================================
function showDeleted()
{

	var show_deleted = $('#input-show-deleted').val();


	if ( show_deleted == 'Y' ) {
		$('#button-show-deleted').html('<?php echo $datahub_NO ?>');
		$('#input-show-deleted').val('N');
	} else {
		$('#button-show-deleted').html('<?php echo $datahub_YES ?>');
		$('#input-show-deleted').val('Y');
	}


}


//=============================================================================
// Set STATUSe Button (Yes/No)
//=============================================================================
function setSTATUSButton( STATUSmode )
{

	if ( STATUSmode == '1' ) {
		$('#button-deleted-yes').removeClass('btn-primary').addClass('btn-success');
		$('#button-deleted-no').removeClass('btn-success').addClass('btn-primary');
	} else {
		$('#button-deleted-yes').removeClass('btn-success').addClass('btn-primary');
		$('#button-deleted-no').removeClass('btn-primary').addClass('btn-success');
	}

	$('#modal-input-STATUS').val(STATUSmode );
}

//=============================================================================
// Set default modal input fields
//=============================================================================
function setModalInputDefaultFields()
{

			var myWRKGRP = $('#input-WRKNO').val();

			$('#modal-input-STATUS').val('1');

			$('#modal-input-ORDQTY').val( $('#input-current-date').val() );
			$('#modal-input-WOSEQ').val( $('#input-current-time').val() );

}

//=============================================================================
// Reset modal input fields
//=============================================================================
function resetModalInputFields()
{


	$('W2LIN').val('');
	$('PLDDT').val('');
	$('WRKGRP').val('');
	$('WRKNO').val('');
	$('PRDNO').val('');
	$('DESCP').val('');
	$('CMPFL').val('');
	$('POPFG').val('');
	$('W2PPF').val('');
	$('OPCMP').val('');
	$('WCNT1').val('');
	$('WCNT2').val('');
	$('WCNT3').val('');
	$('PLN').val('');
	$('ORDQTY').val('');
	$('RECQY').val('');
	$('SCRQY').val('');
	$('RWKQY').val('');
	$('SUSQY').val('');
	$('AVLQY').val('');
	$('QUEQY').val('');
	$('WOCOM').val('');
	$('LEFTQTY').val('');
	$('EXDDT').val('');
	$('WOSEQ').val('');
	$('OPSDS').val('');
	$('COMMT').val('');
	$('REVNR').val('');
	$('EXRUN').val('');
	$('BSSTM').val('');
	$('BSLHR').val('');
	$('TIME_STD').val('');
	$('TIME_ACT').val('');
	$('STATUS').val('');
	$('DOCTYP').val('');

	$('#input-mode').val('');

}

//=============================================================================
// Log off
//=============================================================================
function signoff()
{

	window.location.href = "logout.php";

}

//=============================================================================
// Load page
//=============================================================================
function loadPage(url, p1, p2, p3)
{

	window.location.href = url;

}

//=============================================================================
// Reset modal message
//=============================================================================
function resetModalMessage() {

	// Reset
	//$('#modal-message').removeClass('p-2 font-weight-bold border border-danger rounded bg-light').html( '&nbsp;' );

	$('#modal-message').removeClass('border-bottom').html( '&nbsp;' );
	$('#modal-save-button').removeClass('disabled').prop("disabled", false);

}

//=============================================================================
// Reset modal message - report
//=============================================================================
function resetModalReportMessage() {


	$('#modal-report-message').removeClass('border-bottom').html( '&nbsp;' );
	//$('#modal-save-button').removeClass('disabled').prop("disabled", false);

}

//=============================================================================
// Clean input string
//=============================================================================
function cleanInputString( myWorkField )
{

	let charactersToRemove = '?#"\'';
	let myPattern = new RegExp('[' + charactersToRemove + ']', 'g');

	myWorkField = myWorkField.replace(myPattern,'');

	return myWorkField;

}

//=============================================================================
// Full screen popup
//=============================================================================
function popUpFull( url, p1, p2, p3 )
{

	var winname = 'win_' + url;

	params  = 'width='+screen.width;
	params += ', height='+screen.height;
	params += ', top=0, left=0'
	params += ', fullscreen=yes';
	params += ',scrollbars=1';

	overview_win = window.open(url,winname, params);
	if (window.focus) {overview_win.trigger('focus')}
	return false;

}

//=============================================================================
// screen popup - center
//=============================================================================
function popUpCenter(url, p1, p2, p3)
{

	var v1_w  = screen.availWidth;
	var v1_h  = screen.availHeight;

	if ( parseInt(v1_w) > 1800 ) {
		v1_w = 1800;
		v1_h = v1_h - 200;
		v1_center = v1_w/0.8;
	}

	// Center popup as good as possible
	var left = (screen.width - v1_w) / 2;
	var top = (screen.height - v1_h) / 4;

	var winname = 'win_' + url;

	params  = 'width='+v1_w;
	params += ', height='+v1_h;
	params += ', top=' + top + ', left=' + left;
	params += ', fullscreen=yes';
	params += ',scrollbars=1';

	overview_win = window.open(url,winname, params);
	if (window.focus) {overview_win.trigger('focus')}
	return false;

}

//=============================================================================
// screen popup - center - bigger
//=============================================================================
function popUpCenterBig(url, p1, p2, p3)
{

	var v1_w  = screen.availWidth;
	var v1_h  = screen.availHeight;

	// Get 25%
	v1_w_pct = v1_w * 0.25;

	v1_w_new = v1_w - v1_w_pct;


	if ( v1_w_new < 1 ) {
		v1_w_new	= 1800;
	}

	v1_w = v1_w_new;
	v1_h = v1_h - 200;
	v1_center = v1_w/0.8;

	// Center popup as good as possible
	var left = (screen.width - v1_w) / 2;
	var top = (screen.height - v1_h) / 4;

	var winname = 'win_' + url;

	params  = 'width='+v1_w;
	params += ', height='+v1_h;
	params += ', top=' + top + ', left=' + left;
	params += ', fullscreen=yes';
	params += ',scrollbars=1';

	overview_win = window.open(url,winname, params);
	if (window.focus) {overview_win.trigger('focus')}
	return false;

}

//=============================================================================
// Popup top
//=============================================================================
function popUpTop(url, p1, p2, p3)
{

	var winname = 'win_' + url;

	w = 650;
	h = 750;

	params  = 'width='+w;
	params += ', height='+h;
	params += ', top=0, left=0'
	params += ', fullscreen=no';
	params += ',scrollbars=1';

	overview_win = window.open(url,winname, params);
	if (window.focus) {overview_win.trigger('focus')}
	return false;
}

//=============================================================================
// Clean input string
//=============================================================================
function cleanInputString( myWorkField )
{

	let charactersToRemove = '?#"\'';
	let myPattern = new RegExp('[' + charactersToRemove + ']', 'g');

	myWorkField = myWorkField.replace(myPattern,'');

	return myWorkField;

}

//=============================================================================
// Set config type
//=============================================================================
function setConfigType( inputType )
{

	outputType = inputType;

	if ( inputType == 'A' ) {
		var outputType = GLOBAL_CONFIG_TYPE_BUTTON_TEXT_A;
	}
	if ( inputType == 'N' ) {
		var outputType = GLOBAL_CONFIG_TYPE_BUTTON_TEXT_N;
	}
	if ( inputType == 'L' ) {
		var outputType = GLOBAL_CONFIG_TYPE_BUTTON_TEXT_L;
	}
	if ( inputType == 'T' ) {
		var outputType = GLOBAL_CONFIG_TYPE_BUTTON_TEXT_T;
	}

	return outputType;

}


//=============================================================================
// Create config type buttons
//=============================================================================
function createConfigTypeButtons()
{

	$('#button-group-config-type').html('');

	// Char
	myConfigType_A = '<button type="button" id="button-config_type-button-A" class="btn btn-primary btn-config-type mr-1 mb-1" onclick="selectConfigType(\'A\')">' + GLOBAL_CONFIG_TYPE_BUTTON_TEXT_A +'</button>';
	myConfigType_N = '<button type="button" id="button-config_type-button-N" class="btn btn-primary btn-config-type mr-1 mb-1" onclick="selectConfigType(\'N\')">' + GLOBAL_CONFIG_TYPE_BUTTON_TEXT_N +'</button>';
	myConfigType_L = '<button type="button" id="button-config_type-button-L" class="btn btn-primary btn-config-type mr-1 mb-1" onclick="selectConfigType(\'L\')">' + GLOBAL_CONFIG_TYPE_BUTTON_TEXT_L +'</button>';
	myConfigType_T = '<button type="button" id="button-config_type-button-T" class="btn btn-primary btn-config-type mr-1 mb-1" onclick="selectConfigType(\'T\')">' + GLOBAL_CONFIG_TYPE_BUTTON_TEXT_T +'</button>';

	$('#button-group-config-type').html(
										myConfigType_A +
										myConfigType_N +
										myConfigType_L +
										myConfigType_T
									   );

}

//=============================================================================
// Select config type
//=============================================================================
function selectConfigType( inputType )
{

	$('#modal-input-M1UPP').val( inputType );


	// Remove all "STATUSe" marks
	$('.btn-config-type').removeClass('STATUSe btn-success').addClass('btn-primary');;

	// Mark button as selected
	myID = 'button-config_type-button-' + inputType;
	$('#' + myID ).addClass('STATUSe btn-success').removeClass('btn-primary');

}

//=============================================================================
// Select line modal
//=============================================================================
function selectGroupValueModal( inputLine )
{

	$('#modal-input-WRKNO').val( inputLine );

	var selectButtonLineID = 'select-button-line-id-modal-' + inputLine;

	$('.select-button-line-modal').removeClass('btn-success').addClass('btn-primary');
	$('#' + selectButtonLineID).removeClass('btn-primary').addClass('btn-success');

	// Place cursor
	$('#modal-input-WRKGRP').trigger('focus');
	resetModalMessage();

}

//=============================================================================
// Reset line modal
//=============================================================================
function resetLineModal()
{

	resetModalMessage()

	let inputLine = $('#modal-input-WRKGRP').val();

	if ( inputLine == '' ) {
		$('.select-button-line-modal').removeClass('btn-success').addClass('btn-primary');
	}

}

//=============================================================================
// Set action type
//=============================================================================
function setWorkOrderStatus( input_STATUS )
{

	if ( input_STATUS == '00' ) {
		$('#button-finish-order-yes').removeClass('btn-success').addClass('btn-primary')
		$('#button-finish-order-no').removeClass('btn-primary').addClass('btn-success')
	}
	if ( input_STATUS == '10' ) {
		$('#button-finish-order-no').removeClass('btn-success').addClass('btn-primary')
		$('#button-finish-order-yes').removeClass('btn-primary').addClass('btn-success')
	}


	$('#confirm-report-STATUS').val( input_STATUS );

}

//=============================================================================
// Call webservice
//=============================================================================
function callWebservice()
{

		var input_callWebservice = $('#input-CALL_WEBSERVICE').val();

		if (input_callWebservice == 'Y' ) {
			$('#input-CALL_WEBSERVICE').val('N');
			$('#button-call-webservice').removeClass('btn-success').addClass('btn-primary');
		} else {
			$('#input-CALL_WEBSERVICE').val('Y');
			$('#button-call-webservice').removeClass('btn-primary').addClass('btn-success');
		}

}

//=============================================================================
// Get data - search
//=============================================================================
function setWebserviceSearch( input_WRKGRP )
{

	// Save curreent webservice name
	$('#input-WRKGRP').val( input_WRKGRP );
	$('#current-wrkgrp').html( input_WRKGRP );

	var selectButtonLineID 		= 'select-button-line-id-' + input_WRKGRP;

	// Set clicked button
	$('.select-button-line').removeClass('btn-success').addClass('btn-dark');
	$('#' + selectButtonLineID).removeClass('btn-dark').addClass('btn-success');

	// Clear table - note the draw will occur in the getData function
	$('#REEFTvisual_data').DataTable().clear();

	getData();

	//=============================================================================
	// Place curor in search field
	//=============================================================================
	$('#REEFTvisual_data_wrapper div.dt-search .dt-input').focus();
	//$('div.dt-search .dt-input').focus();
	//=============================================================================


}

//=============================================================================
// Close modal
//=============================================================================
function closeModal() {


	$('#wa0363_MaintainModal').modal('hide');

}

//=============================================================================
// Set clock
//=============================================================================
function updateClock() {

	var currentTime = moment().format('YYYY-MM-DD HH:mm:ss');
	currentTime = REEFT_format_date( currentTime, DFT_DATE_DISPLAY_FORMAT )

	$('#input-current-date').val( moment().format('YYYY-MM-DD') );
	$('#input-current-time').val( moment().format('HH:mm:ss') );


	$('#current-time').html( currentTime );

	// If add mode update date/time in modal window
	if ( $('#input-mode').val() == '*add' )
	{

		$('#modal-input-ORDQTY').val( $('#input-current-date').val() );
		$('#modal-input-WOSEQ').val( $('#input-current-time').val() );

	}

}

//=============================================================================
// jQuery - Ready
//=============================================================================
$(document).ready(function()
{

	// When closing modal
	$('#wa0363_MaintainModal').on('hidden.bs.modal', function (e) {
		resetModalInputFields();
	})


	// Do not show deleted
	$('#input-show-deleted').val('Y');

	$('#input-WRKGRP').val('<?php echo $WRKGRP ?>');
	$('#current-wrkgrp').html('<?php echo $WRKGRP ?>');

	// $('#input-WCNT1').val('<?php echo $WCNT1 ?>');
	// $('#input-WCNT2').val('<?php echo $WCNT2 ?>');
	// $('#input-WCNT3').val('<?php echo $WCNT3 ?>');

	$('#input-CALL_WEBSERVICE').val('Y');
	$('#input-CALL_WEBSERVICE').val('N');
	callWebservice()


	// Get data done by datatables
	setDataTables();

	$('#delay-marker-id').html('<i id="delay-marker-icon-id" class="text-success fa-solid fa-circle"></i>');

	//-----------------------------------------------------------------------
	// Start the clock
	//-----------------------------------------------------------------------
		updateClock();
		setInterval(function() {
			updateClock();
		}, 1000); 
	//-----------------------------------------------------------------------

	//-----------------------------------------------------------------------
	// Set font awesome icon type
	//-----------------------------------------------------------------------
	// Value is from config/config.php
	var iconType = '<?php echo $DFT_SET_FONT_AWESOME_ICON_TYPE ?>';
	setFontAwesomeIconType( iconType );
	//-----------------------------------------------------------------------

	//-----------------------------------------------------------------------
	// Delay keyup checker
	//-----------------------------------------------------------------------
	var delay = (function () {
		var timer = 0;
		return function (callback, ms) {
			clearTimeout(timer);
			timer = setTimeout(callback, ms);
		};
	})()


	// DataTable search delay
	//$('#REEFTvisual_data_wrapper .dataTables_filter input')
	$('#REEFTvisual_data_wrapper div.dt-search .dt-input')
    .unbind() // overrule normal behavior
    .bind('keyup', function(e){

		$('#delay-marker-icon-id').removeClass('text-success').addClass('text-danger');

		//var inputValue = $('.dataTables_filter input').val();
		var inputValue = $('#REEFTvisual_data_wrapper div.dt-search .dt-input').val();
		var currSearchValue = $('#input-search-line').val();

		if (inputValue != currSearchValue) {

			$('#input-search-line').val( inputValue );

			//If enter or delete we update immediately, consider to add backspace=8 and delete=46 also
			const keyList = [13];
			if (keyList.includes(e.keyCode)) {
				// console.log('immediately ' + inputValue );
				$('#delay-marker-icon-id').removeClass('text-danger').addClass('text-success');
				thisGlobalTableData.search(inputValue).draw(); // fire in the hole
			} else {
				delay(function () {
					// console.log('this will hit, once user has not typed for 1 second ' + inputValue );
					$('#delay-marker-icon-id').removeClass('text-danger').addClass('text-success');
					thisGlobalTableData.search(inputValue).draw(); // fire in the hole
				}, 0800);
			}
		}
	});


	//-----------------------------------------------------------------------
	// Check exists
	//-----------------------------------------------------------------------
	let $filter01 = $('#modal-input-WRKGRP');
	$filter01.on('keyup', function () {
		delay(function () {
			var inputValue = $('#modal-input-WRKGRP').val();
			if ( inputValue != '') {
			console.log('this will hit, once user has not typed for 1 second ' + inputValue );
				checkDataExists();
			}
		}, 0800);
	});


	//-----------------------------------------------------------------------
	// Event listener for the update button
	//-----------------------------------------------------------------------
    $('#updateButton').on('click', function() {


        // Trigger a redraw of the table
        thisGlobalTableData.draw();
    });


	//-----------------------------------------------------------------------
	// Set short cuts
	//-----------------------------------------------------------------------

	// If add d-none class, do not add shortcut
	if ( GLOBAL_ADD_ALLOWED == 'Y' ) {
		shortcut.add("Alt+F6",function() {
			$('#add-button').click();
		});

		// Show add button
		$('#add-button').removeClass('d-none');
	}


	// Close window
	shortcut.add("Shift+Esc",function() {
		$('#button-close').click();
	});


});
// -->
</script>

</head>

<body>

<div class="container-fluid mt-2 pl-3 pr-3">

		<input type="text" class="d-none" id="input-WRKGRP">
		<input type="text" class="d-none" id="input-WCNT1">
		<input type="text" class="d-none" id="input-WCNT2">
		<input type="text" class="d-none" id="input-WCNT3">
		<input type="text" class="d-none" id="input-WRKNO">
		<input type="text" class="d-none" id="input-CALL_WEBSERVICE">

		<input type="text" class="d-none" id="input_search">

		<input type="text" class="d-none" id="input-mode">
		<input type="text" class="d-none" id="input-current-date">
		<input type="text" class="d-none" id="input-current-time">

		<input type="text" class="d-none" id="input-show-deleted" >
		<input type="text" class="d-none" id="input-search-line">
		<input type="text" class="d-none" id="input-filter-line">

		<input type="text" class="d-none" id="input-rpyOffSet">
		<input type="text" class="d-none" id="input-rpyTotalRecordsFound">
		<input type="text" class="d-none" id="input-rpyTotalPages">
		<input type="text" class="d-none" id="input-rpyPageSize">

		<div class="row">
			<div class="col-2">
				<img src="images/customer-logo.png" alt="Customer Logo">
			</div>
			<div class="col-8 text-center <?php echo $DFT_CLOCK_SIZE ?>">
				<i class="font-awesome-pseudo-class fa-thin fa-clock"></i>&nbsp;&nbsp;<span id="current-time"><?php echo date('d-m-Y h:i:s') ?></span>
			</div>
			<div class="col-2 text-right">

				<div class="btn btn-primary mb-1" onclick="window.close()" title="<?php echo $datahub_go_to_my_dear_home ?>"><i class="font-awesome-pseudo-class fa-2x fa-thin fa-home"></i></div>

				<div class="d-none">
				<div class="btn btn-primary mb-1" onclick="loadPage('menu_main.php','','','')" title="<?php echo $datahub_go_to_my_dear_home ?>"><i class="font-awesome-pseudo-class fa-2x fa-thin fa-home"></i></div>
					<div class="btn btn-primary mb-1 d-none d-xl-inline-block" onclick="loadPage('menu_main.php','','','')" title="<?php echo $datahub_go_to_my_dear_home_03 ?>"><i class="font-awesome-pseudo-class fa-2x fa-thin fa-fort"></i></div>
					<div class="btn btn-danger mb-1 d-none d-lg-inline-block"  onclick="signoff()" title="<?php echo $datahub_go_to_my_dear_home_02 ?>"><i class="font-awesome-pseudo-class fa-thin  fa-2x fa-right-from-bracket"></i></div>
				</div>

			</div>
		</div>

		<div class="row">
			<div class="col-2 text-center">
			</div>
			<div class="col-8 text-center">
				<div id="data-hub-company-information"></div>
			</div>
			<div class="col-2 text-right">
						<button id="button-call-webservice" class="btn btn-primary" onclick="callWebservice()"><?php echo $datahub_button_call_webservice ?></button>
			</div>

		</div>


		<div class="card mt-2">
			<div class="card-header text-muted">
				<div class="row mt-2">
					<div class="col-4 h4">
						<div><i class="font-awesome-pseudo-class fa-thin fa-memo-circle-check"></i> <?php echo "$datahub_text0179"; ?> (<span id="current-wrkgrp"></span>)</div>
					</div>


					<div class="col text-right font-weight-bold">
						<button type="button" class="d-none btn btn-dark" id="button-toggle-show-deleted" title="Alt+F2=Toggle" onclick="showDeleted()"><?php echo $datahub_button_show_also_deleted ?> : <span id="button-show-deleted" class="font-weight-bold"><?php echo $datahub_YES ?></span></button>

							<div class="row d-none">
								<div class="col-10 text-right">
								</div>
								<div class="col text-right">
									<?php echo $datahub_text0059 ?> <span id="text-current-page">...</span> <?php echo $datahub_text0060 ?> <span id="text-total-pages">...</span>
								</div>
							</div>

							<div class="row">
								<div class="col-10 text-right">
								</div>
								<div class="col text-right">
									<?php echo $datahub_text0061 ?> : <span id="text-total-records-found">...</span>
								</div>
							</div>

							<div class="row">
								<div class="col-10 text-right">
								</div>
								<div class="col text-right">
										<span id="delay-marker-id"></span>
								</div>
							</div>
					</div>

				</div>
			</div>

			<div class="card-body">

						<!-- Message if screen is not wide enough -->
				<div class="container-fluid mt-2 mb-4 d-block d-lg-none">
					<div id="general-message-top" class="border border-danger rounded p-2 text-danger font-weight-boldx"><?php echo $datahub_error0040a ?></div>
				</div>
			<!-- Message if screen is not wide enough -->

				<!-- Group lines found -->
				<div class="d-none d-lg-block">
					<div class="row mb-2">
						<div class="col-12">
							<div id="data-result-button-group"></div>
						</div>
					</div>
				</div>


				<div class="row mt-2">
					<div class="col">
						<div id="data-result" style="width: 100%;"></div>
					</div>
				</div>

				<div style="width:90%">
					<div class="row mt-2">
						<div class="col-12">

								<table id="REEFTvisual_data" class="table nowrap table-bordered table-striped table-hover">
									<thead>
										<tr class="bg-primary text-white font-weight-bold">
											<th class="text-left"><?php echo $datahub_text0058 ?></th>
											<th class="text-left"><?php echo $datahub_text0173 ?></th>
											<th class="text-left"><?php echo $datahub_text0065a?></th>
											<th class="text-left"><?php echo $datahub_text0085 ?></th>
											<th class="text-left"><?php echo $datahub_text0146 ?></th>
											<th class="text-left"><?php echo $datahub_text0174 ?></th>
											<th class="text-left"><?php echo $datahub_text0175 ?></th>
											<th class="text-center"><?php echo $datahub_text0180 ?></th>
											<th class="text-center"><?php echo $datahub_text0006 ?></th>
											<th class="text-left">&nbsp;</th>
											<th class="text-left">&nbsp;</th>
											<th class="text-left">&nbsp;</th>
											<th class="text-left"><button type="button" id="add-button" title="Shortcut: Alt+F6" onclick="dataAdd('0')" class="d-none btn btn-dark btn-block font-weight-bold"><?php echo $datahub_button_save_01 ?></button></th>
										</tr>
									</thead>
								</table>

						</div>
					</div>
				</div>


				<div class="row">
					<div class="col text-right mb-2">
						<small><div id="load-time-from-database"></div></small>
					</div>
				</div>

			</div>

		</div>

</div>


<!-- Set footer -->
<?php
	include "include/footer.php";
?>
<!-- Set footer -->

<!-- ========================================================================== -->
<!--                                M O D A L S                                 -->
<!-- ========================================================================== -->

<!-- Modal start -->
<div class="modal fade" id="wa0363_MaintainModal" tabindex="-1" data-backdrop="static" role="dialog" aria-labelledby="wa0363_MaintainModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-xxl">
    <div class="modal-content">

      <div class="modal-header bg-primary text-white">

		<div class="container-fluid pl-0 pr-0">
		<div class="row">

			<div class="col-8">
				<h5 class="modal-title" id="wa0363_MaintainModalLabel"><i class="font-awesome-pseudo-class fa-thin fa-memo-circle-check"></i> <?php echo $datahub_text0179 ?></h5>
			</div>

			<div class="col text-right">

			</div>
			<div class="col-1 text-right" style="max-width:20px">
				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
				  <span aria-hidden="true">&times;</span>
				</button>
			</div>

		</div>
		</div>


      </div>
      <div class="modal-body ml-2 mr-2">

			<!-- Message if screen is not wide enough -->
				<div class="container-fluid mt-2 mb-4 d-block d-lg-none">
					<div id="general-message-top" class="border border-danger rounded p-2 text-danger font-weight-boldx"><?php echo $datahub_error0040a ?></div>
				</div>
			<!-- Message if screen is not wide enough -->


			<form name="dataForm" id="dataForm">

			<!-- Hidden fields start -->
				<input type="text" class="d-none" id="input-current-color-picker">
				<input type="text" class="d-none" id="input-current-text-color">
				<input type="text" class="d-none" id="input-current-background-color">

				<input type="text" class="d-none" id="modal-input-CMPNO" name="modal-input-CMPNO">
				<input type="text" class="d-none form-control read-only-class" id="modal-input-W2LIN" name="modal-input-W2LIN" onkeyup="resetModalMessage()">
				<input type="text" class="d-none form-control read-only-class" id="modal-input-CMPFL" name="modal-input-CMPFL" onkeyup="resetModalMessage()">
				<input type="text" class="d-none form-control read-only-class" id="modal-input-POPFG" name="modal-input-POPFG" onkeyup="resetModalMessage()">
				<input type="text" class="d-none form-control read-only-class" id="modal-input-W2PPF" name="modal-input-W2PPF" onkeyup="resetModalMessage()">
				<input type="text" class="d-none form-control read-only-class" id="modal-input-OPCMP" name="modal-input-OPCMP" onkeyup="resetModalMessage()">
				<input type="text" class="d-none form-control read-only-class" id="modal-input-WCNT1" name="modal-input-WCNT1" onkeyup="resetModalMessage()">
				<input type="text" class="d-none form-control read-only-class" id="modal-input-WCNT2" name="modal-input-WCNT2" onkeyup="resetModalMessage()">
				<input type="text" class="d-none form-control read-only-class" id="modal-input-WCNT3" name="modal-input-WCNT3" onkeyup="resetModalMessage()">
				<input type="text" class="d-none form-control read-only-class" id="modal-input-PLN"   name="modal-input-PLN" onkeyup="resetModalMessage()">
				<input type="text" class="d-none form-control read-only-class" id="modal-input-RECQY" name="modal-input-RECQY" onkeyup="resetModalMessage()">
				<input type="text" class="d-none form-control read-only-class" id="modal-input-SCRQY" name="modal-input-SCRQY" onkeyup="resetModalMessage()">
				<input type="text" class="d-none form-control read-only-class" id="modal-input-RWKQY" name="modal-input-RWKQY" onkeyup="resetModalMessage()">
				<input type="text" class="d-none form-control read-only-class" id="modal-input-SUSQY" name="modal-input-SUSQY" onkeyup="resetModalMessage()">
				<input type="text" class="d-none form-control read-only-class" id="modal-input-AVLQY" name="modal-input-AVLQY" onkeyup="resetModalMessage()">
				<input type="text" class="d-none form-control read-only-class" id="modal-input-QUEQY" name="modal-input-QUEQY" onkeyup="resetModalMessage()">
				<input type="text" class="d-none form-control read-only-class" id="modal-input-WOCOM" name="modal-input-WOCOM" onkeyup="resetModalMessage()">
				<input type="text" class="d-none form-control read-only-class" id="modal-input-LEFTQT" name="modal-input-LEFTQTY" onkeyup="resetModalMessage()">
				<input type="text" class="d-none form-control read-only-class" id="modal-input-EXDDT" name="modal-input-EXDDT" onkeyup="resetModalMessage()">
				<input type="text" class="d-none form-control read-only-class" id="modal-input-REVNR" name="modal-input-REVNR" onkeyup="resetModalMessage()">
				<input type="text" class="d-none form-control read-only-class" id="modal-input-EXRUN" name="modal-input-EXRUN" onkeyup="resetModalMessage()">
				<input type="text" class="d-none form-control read-only-class" id="modal-input-BSSTM" name="modal-input-BSSTM" onkeyup="resetModalMessage()">
				<input type="text" class="d-none form-control read-only-class" id="modal-input-BSLHR" name="modal-input-BSLHR" onkeyup="resetModalMessage()">
				<input type="text" class="d-none form-control read-only-class" id="modal-input-TIME_STD" name="modal-input-TIME_STD" onkeyup="resetModalMessage()">
				<input type="text" class="d-none form-control read-only-class" id="modal-input-TIME_ACT" name="modal-input-TIME_ACT" onkeyup="resetModalMessage()">
				<input type="text" class="d-none form-control read-only-class" id="modal-input-DOCTYP" name="modal-input-DOCTYP" onkeyup="resetModalMessage()">
			<!-- Hidden fields end -->

			<div class="row mt-2">
				<div class="col-7">
					<div id="data-result-button-lines-modal"></div>
				</div>
			</div>
			<div class="row mt-2">
				<div class="col-3">
					<?php echo $datahub_text0058 ?>
				</div>
				<div class="col-6 col-xl-2 col-lg-4 col-md-6 col-sm-6">
					<input class="form-control read-only-class" type="text" id="modal-input-WRKGRP" name="modal-input-WRKGRP" onkeyup="resetModalMessage()">
				</div>
			</div>

			<div class="row mt-2">
				<div class="col-3">
					<?php echo $datahub_text0173 ?>
				</div>
				<div class="col-6 col-xl-2 col-lg-4 col-md-6 col-sm-6">
					<input type="text" class="form-control read-only-class" id="modal-input-WRKNO" name="modal-input-WRKNO" onkeyup="resetModalMessage()">
				</div>
			</div>

			<div class="row mt-2">
				<div class="col-3">
				<?php echo $datahub_text0065 ?>
				</div>
				<div class="col-6 col-xl-2 col-lg-4 col-md-6 col-sm-6">
					<input type="text" class="form-control read-only-class" id="modal-input-PLDDT" name="modal-input-PLDDT" onkeyup="resetModalMessage()">
				</div>
			</div>

			<div class="row mt-2">
				<div class="col-3">
					<?php echo $datahub_text0058 ?>
				</div>
				<div class="col-6 col-xl-2 col-lg-4 col-md-6 col-sm-6">
					<input type="text" class="form-control read-only-class" id="modal-input-PRDNO" name="modal-input-PRDNO" onkeyup="resetModalMessage()">
				</div>
			</div>


			<div class="row mt-2">
				<div class="col-3">
					<?php echo $datahub_text0146 ?>
				</div>
				<div class="col-8 col-xl-6 col-lg-8 col-md-8 col-sm-8">
					<input type="text" class="form-control read-only-class" id="modal-input-DESCP" name="modal-input-DESCP" onkeyup="resetModalMessage()">
				</div>
			</div>

			<div class="row mt-2">
				<div class="col-3">
					<?php echo $datahub_text0174 ?>
				</div>
				<div class="col-4 col-xl-1 col-lg-2 col-md-2 col-sm-4">
					<input type="text" class="form-control read-only-class" id="modal-input-ORDQTY" name="modal-input-ORDQTY" onkeyup="resetModalMessage()">
				</div>
			</div>

			<div class="row mt-2">
				<div class="col-3">
					<?php echo $datahub_text0175 ?>
				</div>
				<div class="col-3 col-xl-1 col-lg-2 col-md-2 col-sm-4">
					<input type="text" class="form-control read-only-class" id="modal-input-WOSEQ" name="modal-input-WOSEQ" onkeyup="resetModalMessage()">
				</div>
			</div>



			<div class="row mt-2">
				<div class="col-3">
					<?php echo $datahub_text0176 ?>
				</div>
				<div class="col-8 col-xl-3 col-lg-3 col-md-4 col-sm-4">
					<input type="text" class="form-control read-only-class" id="modal-input-OPSDS" name="modal-input-OPSDS" onkeyup="resetModalMessage()">
				</div>
			</div>


			<div class="row mt-2">
				<div class="col-3">
					<?php echo $datahub_text0177 ?>
				</div>
				<div class="col-8 col-xl-3 col-lg-3 col-md-4 col-sm-4">
					<input type="text" class="form-control read-only-class" id="modal-input-COMMT" name="modal-input-COMMT" onkeyup="resetModalMessage()">
				</div>
			</div>

			<div class="row mt-2">
				<div class="col-3">
					<?php echo $datahub_text0178 ?>
				</div>
				<div class="col-3 col-xl-1 col-lg-2 col-md-2 col-sm-4">
					<input type="text" class="form-control read-only-class" id="modal-input-STATUS" name="modal-input-STATUS" onkeyup="resetModalMessage()">
				</div>
			</div>


			</form>

      </div>
      <div class="modal-footer-pretty modal-footer">

			<div class="container-fluid">

				<div class="row">
					<div class="col-12 text-left">
						<div class="p-1 font-weight-bold text-danger border-top border-dark " id="modal-message">&nbsp;</div>
					</div>
				</div>

				<div class="row mt-1 mb-2">
					<div class="col-3 text-left">
						<button type="button" id="modal-save-button" class="btn btn-primary btn-block d-none" onclick="dataSave()"><?php echo $datahub_button_save ?></button>
					</div>
					<div class="col-6 text-right">
					</div>
					<div class="col-3 text-right">
						<button type="button" class="btn btn-primary btn-block" data-dismiss="modal"><?php echo $datahub_button_cancel_01 ?></button>
					</div>
				</div>

			</div>


      </div>
    </div>
  </div>
</div>

<!-- ************************************************ -->
<!--                 Confirm delete                   -->
<!-- ************************************************ -->
<div class="modal fade" id="wa0363_confirmDeleteModal" tabindex="-1" role="dialog" aria-labelledby="wa0363_confirmDeleteModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-xl" role="document">
    <div class="modal-content">
      <div class="modal-header bg-primary text-white">
        <h5 class="modal-title" id="wa0363_confirmDeleteModalLabel"><i class="font-awesome-pseudo-class fa-thin fa-memo-circle-check"></i> <?php echo $datahub_text0063 ?></h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">

		<form name="dataForm-delete" id="dataForm-delete">

			<input type="text" class="d-none" id="confirm-delete-WRKGRP" name="confirm-delete-WRKGRP">

		</form>

		<div class="h6"><?php echo $datahub_text0062 ?>: <span class="font-weight-bold" id="confirm-delete-text-WRKGRP"></span></div>

      </div>
      <div class="modal-footer">

			<div class="container-fluid">

				<div class="row mt-1 mb-2">
					<div class="col-3 text-left">
						<button type="button" onclick="dataDeleteExec()" class="btn btn-primary"><?php echo $datahub_button_delete ?></button>
					</div>
					<div class="col-6 text-right">
					</div>
					<div class="col-3 text-right">
						<button type="button" class="btn btn-primary" data-dismiss="modal"><?php echo $datahub_button_cancel ?></button>
					</div>
				</div>


			</div>
      </div>
    </div>
  </div>
</div>



<!-- ************************************************ -->
<!--                 Report to JDE                    -->
<!-- ************************************************ -->
<div class="modal fade" id="wa0363_ERPreportModal" tabindex="-1" role="dialog" aria-labelledby="wa0363_ERPreportModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-xl" role="document">
    <div class="modal-content">
      <div class="modal-header bg-primary text-white">
	  
		<div class="container-fluid">	  
	  
			<div class="row">
				<div class="col-6">
					<h5 class="modal-title" id="wa0363_ERPreportModalLabel"><i class="font-awesome-pseudo-class fa-thin fa-memo-circle-check"></i> <?php echo $datahub_text0181 ?></h5>
				</div>
			
				<div class="col-6 text-right">
					<button type="button" onclick="printWorkOrderExec()" class="btn btn-dark"><?php echo $datahub_button_print_workorder ?></button>		
				</div>
			</div>
		
		</div>
		
      </div>
      <div class="modal-body">

		<form name="dataForm-report" id="dataForm-report">

			<div class="h6 d-none"><?php echo $datahub_text0062 ?>: <span class="font-weight-bold" id="confirm-report-text-WRKGRP"></span></div>

			<div class="row mb-2">
				<div class="col-12 text-left h6">
					<div class="p-1 font-weight-bold text-center" id="modal-progress-message">&nbsp;</div>
				</div>
			</div>


			<div class="row mt-2">
				<div class="col-3">
					<?php echo $datahub_text0058 ?>
				</div>
				<div class="col-8 col-xl-3 col-lg-3 col-md-4 col-sm-4">
					<input type="text" class="form-control read-only-class" id="confirm-report-WRKGRP" name="confirm-report-WRKGRP" onkeyup="resetModalMessage()">
				</div>
			</div>

			<div class="row mt-2">
				<div class="col-3">
					<?php echo "$datahub_text0173 / $datahub_text0175" ?>
				</div>
				<div class="col-6 col-xl-3 col-lg-3 col-md-4 col-sm-4">
					<input type="text" class="form-control read-only-class" id="confirm-report-WRKNO" name="confirm-report-WRKNO" onkeyup="resetModalMessage()">
				</div>
				<div class="col-3 col-xl-2 col-lg-2 col-md-4 col-sm-4">
					<input type="text" class="form-control read-only-class" id="confirm-report-WOSEQ" name="confirm-report-WOSEQ" onkeyup="resetModalMessage()">
				</div>
			</div>

			<div class="row mt-2">
				<div class="col-8 col-xl-3 col-lg-3 col-md-4 col-sm-4">
				</div>
			</div>

			<div class="row mt-2">
				<div class="col-3">
					<?php echo "$datahub_text0174 ($datahub_text0182)" ?>
				</div>
				<div class="col-8 col-xl-3 col-lg-3 col-md-4 col-sm-4">
					<input type="number" class="form-control text-success font-weight-bold" id="confirm-report-RECQY" name="confirm-report-RECQY" onkeyup="resetModalMessage()">
				</div>
			</div>

			<div class="row mt-2">
				<div class="col-3">
					<?php echo "$datahub_text0174 ($datahub_text0183)" ?>
				</div>
				<div class="col-8 col-xl-3 col-lg-3 col-md-4 col-sm-4">
					<input type="number" class="form-control text-danger font-weight-bold" id="confirm-report-SCRQY" name="confirm-report-SCRQY" onkeyup="resetModalMessage()">
				</div>
			</div>

			<div class="row mt-2">
				<div class="col-3">
					<?php echo "$datahub_text0205" ?>
				</div>
				<div class="col-8 col-xl-3 col-lg-3 col-md-4 col-sm-4">
					<input type="text" class="form-control" maxlength="20" id="confirm-report-OPERATORNUMBER" name="confirm-report-OPERATORNUMBER" onkeyup="resetModalMessage()">
				</div>
			</div>

			<div class="row mt-2">
				<div class="col-3">
					<?php echo "$datahub_text0206" ?>
				</div>
				<div class="col-8 col-xl-3 col-lg-3 col-md-4 col-sm-4">
					<input type="text" class="form-control" maxlength="10" id="confirm-report-SCRAPSREASONCODE" name="confirm-report-SCRAPSREASONCODE" onkeyup="resetModalMessage()">
				</div>
			</div>

			<div class="row mt-2">
				<div class="col-3">
					<?php echo "$datahub_text0177" ?>
				</div>
				<div class="col-8 col-xl-5 col-lg-5 col-md-6 col-sm-6">
					<input type="text" class="form-control" maxlength="60" id="confirm-report-FREENOTES" name="confirm-report-FREENOTES" onkeyup="resetModalMessage()">
				</div>
			</div>

			<div class="row mt-2">
				<div class="col-3">
					<?php echo "$datahub_text0184" ?>
				</div>
				<div class="col-8 col-xl-3 col-lg-3 col-md-4 col-sm-4">
					<button type="button" id="button-finish-order-yes" class="btn btn-primary" onclick="setWorkOrderStatus('10')"><?php echo $datahub_YES ?></button>
					<button type="button" id="button-finish-order-no"  class="btn btn-primary" onclick="setWorkOrderStatus('00')"><?php echo $datahub_NO ?></button>
					<input type="text" class="d-none form-control" id="confirm-report-STATUS" name="confirm-report-STATUS" onkeyup="resetModalMessage()">
				</div>
			</div>

		</form>


      </div>
      <div class="modal-footer-pretty modal-footer">

			<div class="container-fluid">

				<div class="row">
					<div class="col-12 text-left">
						<div class="p-1 font-weight-bold text-danger border-top border-dark " id="modal-report-message">&nbsp;</div>
					</div>
				</div>


				<div id="button-report-wrapper" class="row mt-1 mb-2">
					<div class="col-3 text-left">
						<button type="button" class="btn btn-block	 btn-primary" data-dismiss="modal"><?php echo $datahub_button_cancel ?></button>
					</div>
					<div class="col text-center">
					</div>
					<div class="col-3 text-right">
						<button type="button" onclick="dataReportExec()" class="btn btn-block btn-primary"><?php echo $datahub_button_save ?></button>
					</div>
				</div>


			</div>
      </div>
    </div>
  </div>
</div>

<!-- Modal end -->

</body>
</html>